//请求城市
$.get('./data/city.json', data => {
    data.forEach((item, index) => {
        let li = $('<li/>').text(item.city)
        if (index === 0) {
            li.addClass('active')
        }
        $('.city').append(li)
    });
})
//请求类型
$.get('./data/type.json', data => {
    data.forEach((item, index) => {
        let li = $('<li/>').text(item.type)
        if (index === 0) {
            li.addClass('active')
        }
        $('.type').append(li)
    });
})

//请求数据
$.get('./data/show.json', data => {
    data.forEach((item, index) => {
        let ticket = $('<div class="ticket flex"/>')
        let img = $('<div/>').append($('<img/>').attr("src", item.img))
        ticket.append(img)
        let ul = $('<ul/>')
        ul.append($('<li class="title"/>').text(item.title))
        ul.append($('<li/>').text(item.city))
        ul.append($('<li/>').text(item.type))
        ul.append($('<li/>').text(item.time))
        ticket.append(ul)
        $('.show').append(ticket)
    });
})